<template>
  <div>
    <!-- Feature Area Starts -->
    <section class="feature-area section-padding2">
      <div class="container">
        <div class="row">
          <div class="col-lg-12">
            <div class="section-top text-center">
              <h2>Why choose us</h2>
              <p>Open lesser winged midst wherein may morning</p>
            </div>
          </div>
        </div>
        <div class="row">
          <div class="col-lg-4">
            <div class="single-feature mb-4 mb-lg-0">
              <h4>UX/UI Designer</h4>
              <p class="py-3">
                There spirit beginning bearing the open at own every give appear in third you sawe two boys</p>
              <a href="#" class="secondary-btn">explore now<span class="flaticon-next"></span></a>
            </div>
          </div>
          <div class="col-lg-4">
            <div class="single-feature mb-4 mb-lg-0">
              <h4>web Designer</h4>
              <p class="py-3">
                There spirit beginning bearing the open at own every give appear in third you sawe two boys</p>
              <a href="#" class="secondary-btn">explore now<span class="flaticon-next"></span></a>
            </div>
          </div>
          <div class="col-lg-4">
            <div class="single-feature">
              <h4>Accounting and Finance</h4>
              <p class="py-3">
                There spirit beginning bearing the open at own every give appear in third you sawe two boys</p>
              <a href="#" class="secondary-btn">explore now<span class="flaticon-next"></span></a>
            </div>
          </div>
        </div>
      </div>
    </section>
    <!-- Feature Area End -->


    <!-- Team Area Starts -->
    <section class="team-area section-padding2">
      <div class="container">
        <div class="row">
          <div class="col-lg-12">
            <div class="section-top text-center">
              <h2>Experienced mentor team</h2>
              <p>Who are in extremely love with eco friendly system.</p>
            </div>
          </div>
        </div>
        <div class="row">
          <div class="col-lg-3 col-sm-6">
            <div class="single-team mb-5 mb-lg-0">
              <div class="team-img team-img1">
                <div class="hover-state">
                  <ul>
                    <li><a href="#"><i class="fa fa-facebook"></i></a></li>
                    <li><a href="#"><i class="fa fa-twitter"></i></a></li>
                    <li><a href="#"><i class="fa fa-linkedin"></i></a></li>
                  </ul>
                </div>
              </div>
              <div class="team-footer text-center mt-4">
                <h3>ethel davis</h3>
                <h5>managing director (sales)</h5>
              </div>
            </div>
          </div>
          <div class="col-lg-3 col-sm-6">
            <div class="single-team mb-5 mb-lg-0">
              <div class="team-img team-img2">
                <div class="hover-state">
                  <ul>
                    <li><a href="#"><i class="fa fa-facebook"></i></a></li>
                    <li><a href="#"><i class="fa fa-twitter"></i></a></li>
                    <li><a href="#"><i class="fa fa-linkedin"></i></a></li>
                  </ul>
                </div>
              </div>
              <div class="team-footer text-center mt-4">
                <h3>rodney cooper</h3>
                <h5>creative art director (project)</h5>
              </div>
            </div>
          </div>
          <div class="col-lg-3 col-sm-6">
            <div class="single-team mb-5 mb-sm-0">
              <div class="team-img team-img3">
                <div class="hover-state">
                  <ul>
                    <li><a href="#"><i class="fa fa-facebook"></i></a></li>
                    <li><a href="#"><i class="fa fa-twitter"></i></a></li>
                    <li><a href="#"><i class="fa fa-linkedin"></i></a></li>
                  </ul>
                </div>
              </div>
              <div class="team-footer text-center mt-4">
                <h3>dora walker</h3>
                <h5>senior core developer</h5>
              </div>
            </div>
          </div>
          <div class="col-lg-3 col-sm-6">
            <div class="single-team">
              <div class="team-img team-img4">
                <div class="hover-state">
                  <ul>
                    <li><a href="#"><i class="fa fa-facebook"></i></a></li>
                    <li><a href="#"><i class="fa fa-twitter"></i></a></li>
                    <li><a href="#"><i class="fa fa-linkedin"></i></a></li>
                  </ul>
                </div>
              </div>
              <div class="team-footer text-center mt-4">
                <h3>lena keller</h3>
                <h5>creative content developer</h5>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
    <!-- Team Area End -->

    <!-- Employee Area Starts -->
    <section class="employee-area section-padding">
      <div class="container">
        <div class="row">
          <div class="col-lg-12">
            <div class="section-top text-center">
              <h2>Happy employee</h2>
              <p>Open lesser winged midst wherein may morning</p>
            </div>
          </div>
        </div>
        <div class="row">
          <div class="col-lg-12">
            <div class="employee-slider owl-carousel">
              <div class="single-slide d-sm-flex">
                <div class="slide-img employee1">
                  <div class="hover-state">
                    <div class="hover-text text-center">
                      <h3>david aron</h3>
                      <h5>Facebook</h5>
                    </div>
                  </div>
                </div>
                <div class="slide-text align-self-center">
                  <i class="fa fa-quote-left"></i>
                  <p>
                    Appear, called day. Sixth two after eve moved called winged very heaven two lights let all third gathered.</p>
                </div>
              </div>
              <div class="single-slide d-sm-flex">
                <div class="slide-img employee2">
                  <div class="hover-state">
                    <div class="hover-text text-center">
                      <h3>david aron</h3>
                      <h5>Twitter</h5>
                    </div>
                  </div>
                </div>
                <div class="slide-text align-self-center">
                  <i class="fa fa-quote-left"></i>
                  <p>
                    Appear, called day. Sixth two after eve moved called winged very heaven two lights let all third gathered.</p>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
    <!-- Employee Area End -->
  </div>
</template>

<script>
  export default {}
</script>

